@import url(http://fonts.googleapis.com/css?family=Roboto:400,900,700italic,900italic,700,500italic,500,400italic,300italic,300,100,100italic);
@import url(https://fonts.googleapis.com/css?family=Advent+Pro:400,700,600,500,300,200,100);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700,400,300,700italic,400italic,300italic);
body, .wrapper, .header_box {
  min-width: 1024px; }

body {
  height: 100% !important;
  background: #e0e0e0;
  color: #58595b; }

.wrapper {
  height: auto !important;
  position: relative;
  z-index: 0;
  overflow-x: hidden; }

footer {
  background: #27295f;
  min-height: 70px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: left;
  line-height: 1.4; }
  footer .top_line {
    border-top: 2px solid #fafafa;
    padding-top: 20px;
    color: #fafafa; }
    footer .top_line * {
      font-size: 0.8em;
      color: #fafafa; }
    footer .top_line a {
      font-weight: 500; }

.header_box {
  background: rgba(250, 250, 250, 0.9);
  border-top: 4px solid #27295f;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 20; }
  .header_box .row_custom {
    max-width: 1024px;
    margin: 0 auto; }
  .header_box .logo_box {
    float: left;
    padding-left: 10px;
    width: 30%; }
    .header_box .logo_box .logo {
      margin: 0 0 10px 0; }
      .header_box .logo_box .logo img {
        margin-top: 10px;
        max-height: 120px;
        z-index: 20; }
  .header_box .nav_box {
    float: left;
    width: 70%;
    height: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    .header_box .nav_box nav {
      width: 100%;
      position: relative;
      height: 60px; }
      .header_box .nav_box nav ul {
        list-style: none;
        margin: 0 30px 0 0;
        padding: 0;
        right: 0;
        position: absolute; }
        .header_box .nav_box nav ul li {
          display: block;
          float: left;
          display: inline-block;
          background: #27295f;
          position: relative; }
          .header_box .nav_box nav ul li a {
            display: block;
            height: 60px;
            line-height: 60px;
            font-size: 16px;
            padding: 0 20px;
            color: #fafafa;
            font-family: "Roboto Condensed", Helvetica;
            font-weight: 600;
            text-transform: uppercase;
            box-shadow: inset 0 0 #20214d;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease; }
            .header_box .nav_box nav ul li a:hover {
              box-shadow: inset 0 -60px #20214d; }
          .header_box .nav_box nav ul li:first-child:before, .header_box .nav_box nav ul li:first-child:after, .header_box .nav_box nav ul li:last-child:before, .header_box .nav_box nav ul li:last-child:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            border-top: 0 solid transparent;
            border-bottom: 60px solid transparent; }
          .header_box .nav_box nav ul li:first-child:before {
            left: -30px;
            border-right: 30px solid #27295f; }
          .header_box .nav_box nav ul li:last-child:after {
            left: 100%;
            border-left: 30px solid #27295f; }
        .header_box .nav_box nav ul li.active a {
          color: #c3e4f5; }

.visible_nav {
  right: 0px !important; }

.bar {
  background: #090a17;
  padding: 20px; }
  .bar p {
    color: #fafafa;
    font-size: 1.4em;
    padding: 0.3em 0;
    margin: 0;
    text-align: left !important; }
  .bar .button {
    margin: 0 !important;
    text-align: center;
    display: block; }

.content_box {
  position: relative; }
  .content_box a.link {
    font-weight: 900;
    font-size: 1.1em;
    color: #56b4e2; }
    .content_box a.link:hover {
      color: #2aa1db; }

.main {
  padding: 20px !important; }

.aside_content {
  background: #fafafa;
  padding: 20px !important;
  position: relative; }
  .aside_content h3 {
    margin-top: 0;
    color: #56b4e2; }
  .aside_content:after {
    content: '';
    background: #fafafa;
    position: absolute;
    top: 0;
    left: 100%;
    height: inherit;
    min-height: inherit;
    width: 200%; }

.bg_pic {
  width: 100%;
  min-height: 30vh;
  height: 420px;
  position: relative; }
  .bg_pic img {
    display: block;
    width: 100%;
    height: inherit;
    object-fit: cover;
    object-position: 50% 50%;
    /* -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
    	-ms-filter: grayscale(100%);
    	 -o-filter: grayscale(100%);
    	    filter: grayscale(100%); */ }
  .bg_pic .bg_pic_content {
    height: inherit;
    width: 100%;
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 50px 0; }
    .bg_pic .bg_pic_content .client {
      color: #56b4e2 !important; }
    .bg_pic .bg_pic_content .work_description {
      color: #ddd; }
    .bg_pic .bg_pic_content ul.slick-dots {
      bottom: 0px !important; }
      .bg_pic .bg_pic_content ul.slick-dots button:before {
        background: #56b4e2;
        content: ''; }

.bottom_box {
  width: 100%;
  background: #27295f;
  color: #fafafa;
  padding: 3em 3em;
  min-height: 400px; }
  .bottom_box h3 {
    font-size: 3.5em;
    font-family: "Roboto Condensed", Helvetica;
    font-weight: 600;
    margin: 0 0 0.5em; }
  .bottom_box .button {
    margin: 0 10px 0 0; }
    .bottom_box .button i {
      margin-right: 10px; }
    .bottom_box .button:hover {
      color: #27295f; }

.push_down-large {
  margin-top: 50px; }

h2 {
  font-size: 3.0em;
  line-height: 1.2;
  font-weight: 800;
  margin: 0.0em 0 0.5em 0; }

h3 {
  font-size: 1.6em;
  line-height: 1.2;
  font-weight: 600;
  margin: 1.1em 0 0.5em 0; }

h4 {
  font-size: 1.2em;
  line-height: 1.2;
  font-weight: 600;
  margin: 1.1em 0 0.5em 0; }

h5 {
  font-size: 1.0em;
  line-height: 1.2;
  font-weight: 600;
  margin: 1.1em 0 0.5em 0; }

p {
  font-size: 1.0em;
  line-height: 1.3;
  font-weight: 400;
  margin: 0.0em 0 1.0em 0; }

ul.basic
li, ul.bullet
li, ul.leaf
li, ul.tick
li, ul.tick_box
li {
  font-size: 1.0em;
  line-height: 1.3;
  font-weight: 400; }

p, a, h4, h5 {
  font-family: "Roboto", Helvetica; }

h2, h3, h4 {
  text-align: left; }

h2 {
  font-family: "Roboto Condensed", Helvetica;
  text-transform: uppercase;
  width: 100%;
  color: #56b4e2; }

h3 {
  text-transform: uppercase;
  font-family: "Roboto", Helvetica; }

p {
  text-align: justify; }

a {
  text-decoration: none; }

.box, .box-white, .box-grey, .box-darkgrey, .box-color {
  padding: 1.6em 1.8em;
  margin-bottom: 1em; }
  .box h3:first-child, .box-white h3:first-child, .box-grey h3:first-child, .box-darkgrey h3:first-child, .box-color h3:first-child, .box h4:first-child, .box-white h4:first-child, .box-grey h4:first-child, .box-darkgrey h4:first-child, .box-color h4:first-child, .box h5:first-child, .box-white h5:first-child, .box-grey h5:first-child, .box-darkgrey h5:first-child, .box-color h5:first-child, .box h6:first-child, .box-white h6:first-child, .box-grey h6:first-child, .box-darkgrey h6:first-child, .box-color h6:first-child, .box p:first-child, .box-white p:first-child, .box-grey p:first-child, .box-darkgrey p:first-child, .box-color p:first-child {
    margin-top: 0 !important; }
  .box h3:last-child, .box-white h3:last-child, .box-grey h3:last-child, .box-darkgrey h3:last-child, .box-color h3:last-child, .box h4:last-child, .box-white h4:last-child, .box-grey h4:last-child, .box-darkgrey h4:last-child, .box-color h4:last-child, .box h5:last-child, .box-white h5:last-child, .box-grey h5:last-child, .box-darkgrey h5:last-child, .box-color h5:last-child, .box h6:last-child, .box-white h6:last-child, .box-grey h6:last-child, .box-darkgrey h6:last-child, .box-color h6:last-child, .box p:last-child, .box-white p:last-child, .box-grey p:last-child, .box-darkgrey p:last-child, .box-color p:last-child {
    margin-bottom: 0 !important; }

.box-white {
  background: #fafafa;
  border-bottom: 3px solid #27295f; }

.box-grey {
  background: #eee;
  border-bottom: 3px solid #27295f; }

.box-darkgrey {
  background: #58595b;
  color: #fafafa; }

.box-color {
  background: #27295f;
  color: #fafafa; }

.box_h, .box_h-white, .box_h-grey, .box_h-darkgrey, .box_h-color {
  padding: 0.6em 1.0em;
  margin-bottom: 1em; }
  .box_h h3:first-child, .box_h-white h3:first-child, .box_h-grey h3:first-child, .box_h-darkgrey h3:first-child, .box_h-color h3:first-child, .box_h h4:first-child, .box_h-white h4:first-child, .box_h-grey h4:first-child, .box_h-darkgrey h4:first-child, .box_h-color h4:first-child, .box_h h5:first-child, .box_h-white h5:first-child, .box_h-grey h5:first-child, .box_h-darkgrey h5:first-child, .box_h-color h5:first-child, .box_h h6:first-child, .box_h-white h6:first-child, .box_h-grey h6:first-child, .box_h-darkgrey h6:first-child, .box_h-color h6:first-child, .box_h p:first-child, .box_h-white p:first-child, .box_h-grey p:first-child, .box_h-darkgrey p:first-child, .box_h-color p:first-child {
    margin-top: 0 !important; }
  .box_h h3:last-child, .box_h-white h3:last-child, .box_h-grey h3:last-child, .box_h-darkgrey h3:last-child, .box_h-color h3:last-child, .box_h h4:last-child, .box_h-white h4:last-child, .box_h-grey h4:last-child, .box_h-darkgrey h4:last-child, .box_h-color h4:last-child, .box_h h5:last-child, .box_h-white h5:last-child, .box_h-grey h5:last-child, .box_h-darkgrey h5:last-child, .box_h-color h5:last-child, .box_h h6:last-child, .box_h-white h6:last-child, .box_h-grey h6:last-child, .box_h-darkgrey h6:last-child, .box_h-color h6:last-child, .box_h p:last-child, .box_h-white p:last-child, .box_h-grey p:last-child, .box_h-darkgrey p:last-child, .box_h-color p:last-child {
    margin-bottom: 0 !important; }

.box_h-white {
  background: #fafafa;
  border-bottom: 3px solid #27295f; }

.box_h-grey {
  background: #eee;
  border-bottom: 3px solid #27295f; }

.box_h-darkgrey {
  background: #58595b;
  color: #fafafa; }

.box_h-color {
  background: #27295f;
  color: #fafafa; }

.justify_align {
  text-align: justify; }

.center_align, .center_align * {
  text-align: center !important; }

.left_align {
  text-align: left; }

.right_align {
  text-align: right; }

.italic {
  font-style: italic; }

.light {
  font-weight: 300 !important; }

.reg, .content_text ul li {
  font-weight: 400 !important; }

.bold {
  font-weight: 600 !important; }

.bolder {
  font-weight: 900 !important; }

.uppercase {
  text-transform: uppercase; }

.capitalize {
  text-transform: capitalize; }

.underline {
  border-bottom: 2px solid #58595b; }

.color {
  color: #27295f; }

.white {
  color: #fafafa !important; }

.color {
  color: #27295f; }

.p_top30 {
  padding-top: 30px; }

.p_H30 {
  padding: 30px 0; }

.m_top0 {
  margin-top: 0px !important; }

.m_left {
  margin-left: 20px; }

.m_auto {
  margin-right: auto;
  margin-left: auto; }

.m_right {
  margin-right: 20px; }

.m_0, .m_0 * {
  margin: 0 !important; }

.p_0, .p_0 * {
  padding: 0 !important; }

#map_canvas {
  height: 400px;
  width: 100%;
  margin: 0;
  z-index: 5; }

.video {
  width: 100%;
  margin-bottom: 10px; }

ul.social {
  list-style: none;
  padding: 0; }
  ul.social li {
    padding: 0;
    display: inline-block;
    background: #56b4e2;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 2.8em;
    margin: 5px;
    text-align: center; }
    ul.social li a {
      color: #fafafa !important; }
    ul.social li span {
      display: none; }
    ul.social li:hover {
      background-color: #27295f; }
      ul.social li:hover a {
        color: #fafafa !important; }

address {
  font-style: normal; }

ul.contact_det {
  list-style: none;
  padding: 0;
  text-align: right;
  margin-right: 10px;
  margin: 1.3em 0; }
  ul.contact_det li {
    margin: 5px; }
  ul.contact_det li {
    padding: 0;
    display: inline-block;
    font-size: 18px;
    font-family: "Roboto", Helvetica;
    color: #58595b;
    text-align: right; }
    ul.contact_det li i {
      margin-right: 10px; }
    ul.contact_det li a {
      color: #58595b;
      font-family: "Roboto", Helvetica;
      font-weight: 400; }
      ul.contact_det li a:hover {
        color: #18193b; }
    ul.contact_det li span.empty {
      display: none; }

.phone span {
  min-width: 60px;
  display: inline-block; }
.phone a {
  font-weight: 900;
  color: #8b8c8e; }

.button {
  display: inline-block;
  font-family: "Roboto Condensed", Helvetica;
  font-weight: 600;
  font-size: 1.4em;
  padding: 0.2em 1em;
  margin: 0 0 10px;
  text-transform: uppercase;
  text-align: center;
  background-color: #56b4e2;
  color: #fafafa;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .button:hover {
    background: #1f82b3; }

.illustration, .illustration img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 10px; }

.illustration_floating-right {
  float: right;
  margin-bottom: 10px;
  width: 40%;
  margin-left: 1em; }

.illustration_floating-left {
  float: left;
  margin-bottom: 10px;
  width: 40%;
  margin-right: 1em; }

.w100px, .w100px img {
  width: 100px; }

.w200px, .w200px img {
  width: 200px; }

.w260px, .w260px img {
  width: 260px; }

.w300px, .w300px img {
  width: 300px; }

.mw200px img {
  max-width: 200px;
  width: 100%; }

.h100px {
  height: 100px; }

.h200px {
  height: 200px; }

.h250px {
  height: 250px; }

.h300px {
  height: 300px; }

.w50pc {
  width: 50%; }

.w80pc {
  width: 80%; }

.content_text ul {
  margin: 0 0 20px;
  list-style: none;
  line-height: 1.3;
  padding: 0 0 0 10px; }
  .content_text ul li {
    margin-bottom: 5px; }
    .content_text ul li:before {
      content: '';
      width: 18px;
      height: 14px;
      margin-right: 12px;
      display: inline-block;
      background: url("../images/list_basic-dark.png") no-repeat bottom;
      background-size: 80%; }

ul.basic, ul.bullet, ul.leaf, ul.tick, ul.tick_box {
  margin: 0 0 20px;
  list-style: none;
  line-height: 1.3;
  padding: 0 0 0 10px; }
  ul.basic li, ul.bullet li, ul.leaf li, ul.tick li, ul.tick_box li {
    margin-bottom: 5px;
    padding-left: 20px;
    position: relative;
    text-align: justify; }
    ul.basic li:before, ul.bullet li:before, ul.leaf li:before, ul.tick li:before, ul.tick_box li:before {
      width: 20px;
      height: inherit;
      font-family: 'FontAwesome';
      position: absolute;
      left: 0; }

ul.bullet li:before {
  content: '\f04d';
  font-size: 0.8em;
  top: 0.2em; }

ul.leaf li:before {
  content: '\f06c'; }

ul.tick li:before {
  content: '\f00c'; }

ul.tick_box li:before {
  content: '\f14a'; }

ul.color1 li:before {
  color: #27295f; }

ul.color2 li:before {
  color: #56b4e2; }

ul.white li:before {
  color: #fafafa; }

.columns-2 {
  -webkit-columns: 2;
  -moz-columns: 2;
  -ms-columns: 2;
  -o-columns: 2;
  columns: 2; }

.columns-3 {
  -webkit-columns: 3;
  -moz-columns: 3;
  -ms-columns: 3;
  -o-columns: 3;
  columns: 3; }

.columns-4 {
  -webkit-columns: 4;
  -moz-columns: 4;
  -ms-columns: 4;
  -o-columns: 4;
  columns: 4; }

ol.simple_box {
  list-style-type: none;
  margin: 0;
  margin-left: 3em;
  padding: 0;
  counter-reset: li-counter; }
  ol.simple_box li {
    position: relative;
    margin-bottom: 26px;
    min-height: 1.8em;
    font-size: 1em;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0px;
    text-align: left; }
    ol.simple_box li h3 {
      font-size: 1.5em;
      text-transform: uppercase;
      font-weight: 400;
      font-family: "Roboto Condensed", Helvetica;
      letter-spacing: 2px; }
    ol.simple_box li:before {
      position: absolute;
      top: 2px;
      right: 103%;
      font-size: 1.5em;
      width: 36px;
      padding: 6px 0;
      text-align: center;
      color: #fafafa;
      background: #56b4e2;
      font-family: "Roboto", Helvetica;
      font-weight: 700;
      content: counter(li-counter);
      counter-increment: li-counter; }

.illustrations-caption li {
  position: relative; }
  .illustrations-caption li span.caption {
    position: absolute;
    bottom: 50px;
    right: 0;
    background: #56b4e2;
    color: #fafafa;
    padding: 0.6em 1em;
    text-transform: uppercase;
    box-shadow: 5px 5px rgba(0, 0, 0, 0.1); }

#formdiv {
  margin-bottom: 50px; }
  #formdiv .columns {
    min-height: 68px;
    padding-right: 1em !important; }
  #formdiv label, #formdiv input, #formdiv textarea {
    width: 100%;
    min-height: 44px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  #formdiv label {
    color: #aaa;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.1; }
  #formdiv input, #formdiv textarea {
    outline: none;
    border: none;
    border-bottom: 2px solid #7e7f82;
    padding: 10px;
    background: #ededed;
    font-family: "Roboto", Helvetica;
    color: #58595b;
    margin-bottom: 0.5em; }
    #formdiv input:hover, #formdiv textarea:hover {
      min-height: 44px;
      border-bottom: 2px solid #97d1ed; }
    #formdiv input:focus, #formdiv textarea:focus {
      min-height: 44px;
      border-bottom: 2px solid #3d4095; }
  #formdiv #captcha {
    float: left;
    width: calc(100% - 68px);
    height: 68px; }
  #formdiv .refresh {
    float: left;
    width: 68px;
    height: 68px;
    display: block;
    color: #56b4e2;
    background: #fafafa;
    font-size: 30px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
    #formdiv .refresh span {
      display: none; }
    #formdiv .refresh i {
      line-height: 64px;
      width: 64px;
      height: 64px; }
    #formdiv .refresh:hover {
      background: #27295f; }
      #formdiv .refresh:hover i {
        color: #fafafa;
        -webkit-animation: spin 1s linear;
        -moz-animation: spin 1s linear;
        -o-animation: spin 1s linear;
        animation: spin 1s linear; }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-o-keyframes spin {
  100% {
    -o-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
  #formdiv #submitbutton input {
    width: 100%;
    font-weight: 600;
    margin: 10px auto;
    box-shadow: inset 0 0 #58595b;
    text-transform: uppercase;
    font-family: "Roboto Condensed", Helvetica;
    font-size: 1.4em;
    padding: 0.2em 1em;
    background-color: #56b4e2;
    color: #fafafa;
    border: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    #formdiv #submitbutton input:hover {
      background: #27295f; }

/* GALLERY */
.gallery ul {
  text-decoration: none;
  padding: 0;
  margin: 0 0 60px;
  text-align: left; }
  .gallery ul li {
    display: inline; }
    .gallery ul li .gallery_thumbs {
      display: inline-block;
      margin: 5px 20px 20px 0 !important;
      width: 173px;
      padding: 0;
      position: relative;
      left: 0px;
      top: 0px;
      display: inline-block; }
      .gallery ul li .gallery_thumbs a img {
        width: 173px;
        height: 173px; }
        .gallery ul li .gallery_thumbs a img:hover {
          opacity: 0.7; }
      .gallery ul li .gallery_thumbs .photo_description {
        display: table-cell;
        line-height: 1.2;
        font-size: 12px;
        height: 40px;
        margin: 10px 0 0 !important;
        padding: 10px 0 0 !important; }

/*TESTIMONIALS*/
.testimonial {
  width: 100%;
  margin: 0px auto 30px auto;
  padding: 40px;
  position: relative; }
  .testimonial h3 {
    color: #27295f; }

.testimonial:before, .testimonial:after {
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  opacity: 0.2;
  z-index: 0; }

.testimonial:before {
  content: url("../images/quotes-01.png");
  bottom: 40px;
  left: 10px; }

.testimonial:after {
  content: url("../images/quotes-02.png");
  top: 0px;
  right: 20px; }

.work_description, .review, .client {
  position: relative;
  z-index: 1; }

.work_description {
  text-transform: uppercase;
  font-size: 0.9em;
  line-height: 0.9;
  color: #8b8c8e;
  font-weight: 600;
  text-align: right; }

.review {
  margin-bottom: 5px;
  text-align: justify; }
  .review p {
    line-height: 1.4;
    font-weight: 300 !important; }
  .review p:first-child {
    text-indent: 7%; }

.client {
  text-align: right !important;
  font-weight: 600;
  color: #363983 !important;
  text-transform: uppercase;
  font-size: 110%;
  font-family: "Roboto Condensed", Helvetica;
  margin-bottom: 0; }

/* testimonials */
.slider_box {
  position: relative; }
  .slider_box .slider_bg {
    height: auto;
    width: 100%;
    margin-bottom: 0; }
    .slider_box .slider_bg .slide img {
      display: block;
      height: 66vh;
      width: 100%;
      object-fit: cover;
      object-position: 50% 50%; }
    .slider_box .slider_bg .slick-prev, .slider_box .slider_bg .slick-next {
      width: 60px;
      height: 100%;
      top: 0;
      margin-top: 0;
      opacity: 0;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .slider_box .slider_bg .slick-prev:before, .slider_box .slider_bg .slick-next:before {
        top: calc(50% + 70px);
        font-family: 'FontAwesome';
        position: absolute;
        left: 0;
        width: 60px; }
    .slider_box .slider_bg .slick-prev {
      left: 0; }
      .slider_box .slider_bg .slick-prev:before {
        content: '\f053'; }
    .slider_box .slider_bg .slick-next {
      right: 0; }
      .slider_box .slider_bg .slick-next:before {
        content: '\f054'; }
    .slider_box .slider_bg:hover .slick-prev, .slider_box .slider_bg:hover .slick-next {
      opacity: 1;
      background: rgba(0, 0, 0, 0.3); }